@extends("layouts.main")
@section('title','登录')
@section('keywords','登录')
@section('description','登录')
@section("content")
    <style type="text/css">
        .form-control {
            display: block;
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }
        .input-lg {
            height: 46px;
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.3333333;
            border-radius: 6px;
        }


    </style>
    <main>
            <!-- PAGE TOP -->
            <div class="page-top">
                <div class="page-caption">
                    <div class="page-inner">

                    </div>
                </div>
            </div>

            <!-- MAIN CONTENT -->
            <div class="main-content" style="display: flex;justify-content: center;align-items: center;height: 600px">

                <div class="page-form" style="width: 400px">
                    <div class="form-wrapper row">

                        <div class="col-lg-12 col-md-12 col-xs-12 col-12">
                            <input class="form-control input-lg" type="text" placeholder="请输入手机号" id="mobile" name="mobile" autocomplete="off">
                        </div>
                        <div class="col-lg-12 col-md-12 col-xs-12 col-12" style="margin-top: 40px">
                            <input class="form-control input-lg" type="password" placeholder="请输入密码" id="password" autocomplete="off">
                        </div>

                        <div class="form-line col-lg-12 col-md-12 col-xs-12 col-12" style="text-align: center">
                            <input type="submit" class="easing log_btn" value="登录" style="padding: 8px 30px">
                        </div>
                        <div class="form-line col-lg-12 col-md-12 col-xs-12 col-12" style="text-align: center;margin-top: 40px">
                            <a href="{{route('register')}}" style="color: #FFFFFF;">注册</a>
                        </div>
                    </div>
                </div>

            </div>

        <script src="assets/js/login.js"></script>
    </main>
@endsection
